import React from 'react'
import style from './style.module.css'
import Navbar from '../../../../components/Navbar/Index'
import img1 from '../../../../static/my_icon/007_登记记录.png'
import img2 from '../../../../static/my_icon/007_版权著作.png'
import img3 from '../../../../static/my_icon/007_VR眼镜.png'
import { BellOutline, RightOutline } from 'antd-mobile-icons'
import { Avatar } from 'antd-mobile'
import ListItem from '../../../../components/ListItem/Index'


function My({ }) {
    return (
        <div className={style['my-wapper']}>
            <Navbar title='我 的' nav_footer={<div style={{ height: '150px' }}></div>}></Navbar>
            <div className={style['my-status']}>
                <div className={style['user_info']}>
                    <div> <Avatar src='https://img2.baidu.com/it/u=1790834130,1952230725&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1688058000&t=9e0f935d10b77712d1022a91b254ed7e' /></div>
                    <div style={{ textAlign: 'left' }}>
                        <div style={{ fontSize: '16px', marginBottom: '5px', fontWeight: 'bold' }}>username</div>
                        <div>tel123456789</div>
                    </div>
                    <div>
                        <BellOutline fontSize={18} />
                    </div>
                </div>
                <div className={style['status_line']}></div>
                <div className={style['user_status']}>
                    <div>
                        <div><img src={img1} alt="" /></div>
                        <div>我的发布</div>
                    </div>
                    <div>
                        <div><img src={img2} alt="" /></div>
                        <div>收藏</div>
                    </div>
                    <div>
                        <div><img src={img3} alt="" /></div>
                        <div>浏览历史</div>
                    </div>
                </div>
            </div>

            <div className={style['my-container']}>
                <div className={style['my-container-center']}>
                    <ListItem clickFn={() => {

                    }} item_left={<div style={{ fontSize: '15px' }}>支付明细</div>} item_right={<RightOutline />}></ListItem>
                    <ListItem clickFn={() => {

                    }} item_left={<div style={{ fontSize: '15px' }}>问题反馈</div>} item_right={<RightOutline />}></ListItem>
                    <ListItem clickFn={() => {

                    }} item_left={<div style={{ fontSize: '15px' }}>联系客服</div>} item_right={<RightOutline />}></ListItem>
                </div>
            </div>
            <div className={style['back_login_btn']}>
                退出登录
            </div>
        </div>
    )
}

export default My